<template>
  <div>
    <div class="pupop">
      <frame1 width="400px" height="400px" slotContentHeight="354px">
        <div slot="title">首款配置</div>
        <i slot="btn" class="el-icon-close" @click="close"></i>
        <div slot="content">
          <div class="ipt">
            <div>
              <span>充电站编号</span>
              <input type="text" v-model="code"/>
            </div>
            <div>
              <span>充电站</span>
              <input type="text" v-model="code"/>
            </div>
            <div>
              <span>充电预付款金额</span>
              <input type="text" v-model="code" />
            </div>
            <div>
              <span>电费折扣</span>
              <input type="text" v-model="code"/>
            </div>
            <div>
              <span>服务费</span>
              <input type="text" v-model="code"/>
            </div>
            <div>
              <span>冻结金额</span>
              <input type="text" v-model="code"/>
            </div>
          </div>
          <div class="btn">
            <btn>
              <el-button @click="ReceivablesQuery">确定</el-button>
              <el-button @click="close">取消</el-button>
            </btn>
          </div>
        </div>
      </frame1>
    </div>
  </div>
</template>
<script>
import frame1 from "@/components/frame";
import btn from "@/components/btn";

export default {
  components: {
    frame1,
    btn
  },
  data() {
    return{}
  },
  methods: {
    close() {
      this.$emit("close");
    }
  }
};
</script>
<style scoped>
.pupop {
  position: absolute;
  top: 50px;
  z-index: 9;
  text-align: left;
  left: 50%;
  transform: translateX(-50%);
}
.pupop span {
  display: inline-block;
  width: 120px;
  text-align: right;
}
.ipt {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.ipt > div {
  margin-top: 15px;
}
input {
  height: 26px;
  background: none;
  outline-color: none;
  border: none;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  vertical-align: bottom;
}
.btn {
  margin-top: 30px;
}
</style>